﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <title>369Blog</title>
    <link rel="shortcut icon" href="~/favicon.ico" />
    <link href="~/layui/css/layui.css" rel="stylesheet" type="text/css">
    <link href="~/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="~/css/index_style.css" rel="stylesheet" type="text/css">
    <link href="~/css/animate.min.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div id="menu" class="hover_animation menu_open" data-mark="false">
        <span></span>
        <span></span>
        <span></span>
    </div>
    <div id="navgation" class="navgation navgation_close">
        <ul class="point">
            <li><a href="~/">首页</a></li>
            <li><a asp-action="Index" asp-controller="Article">博客</a></li>
            <li><a asp-action="Index" asp-controller="Message">留言</a></li>
        </ul>
        <div class="logo"><a>369Blog</a></div>
    </div>
    <div class="section" id="section1">
        <div class="fp-tablecell">
            <div class="page1">
                <div class="nav wow zoomIn" data-wow-duration="2s">
                    <h1>369Blog</h1>
                    <p>不回味过去，不展望未来，立足当下</p>
                    <a asp-action="Index" asp-controller="Article" class="layui-btn layui-btn-normal" style="margin-top: 20px">Enter Blog</a>
                </div>
                <a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
            </div>
        </div>
    </div>
    <div class="section" id="section2">
        <div class="fp-tablecell">
            <div class="page2">
                <div class="warp-box">
                    <div class="new-article">
                        <div class="inner wow fadeInDown" data-wow-delay=".2s">
                            <h1>个人作品</h1>
                            <p>
                                人是不能太闲的，闲久了，努力一下就以为在拼命
                            </p>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" style="padding: 0 10px">
                            <div class="single-news">
                                <div class="news-head">
                                    <img src="~/image/works/Todo369小图.jpg">
                                    <a href="https://todo369.top" class="link"><i class="fa fa-link"></i></a>
                                </div>
                                <div class="news-content">
                                    <h4>
                                        <a href="https://todo369.top">
                                            Todo369社区
                                        </a>
                                    </h4>
                                    <div class="date">
                                        2019年3月26日
                                    </div>
                                    <p>
                                        本网站建于2019年3月26日，主要为了个人技术交流，技术分享，资源分享。
                                    </p>
                                    <a href="https://todo369.top" class="btn">
                                        了解更多
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".2s" style="padding: 0 10px">
                            <div class="single-news">
                                <div class="news-head">
                                    <img src="~/image/works/早教启蒙小图.jpg">
                                    <a href="https://todo369.top/zaojiao" class="link"><i class="fa fa-link"></i></a>
                                </div>
                                <div class="news-content">
                                    <h4>
                                        <a href="https://todo369.top/zaojiao">
                                            早教启蒙
                                        </a>
                                    </h4>
                                    <div class="date">
                                        2020年6月16日
                                    </div>
                                    <p>
                                        早教启蒙采用极简设计，方便宝妈们操作，只需要简简单单的点击播放键，就可以让宝宝们有一个优美、和谐、愉悦、轻松的环境啦~
                                    </p>
                                    <a href="https://todo369.top/zaojiao" class="btn">
                                        了解更多
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".4s" style="padding: 0 10px">
                            <div class="single-news">
                                <div class="news-head">
                                    <img src="~/image/works/369博客小图.jpg">
                                    <a href="https://todo369.top/blog" class="link"><i class="fa fa-link"></i></a>
                                </div>
                                <div class="news-content">
                                    <h4>
                                        <a href="https://todo369.top/blog">
                                            369Blog
                                        </a>
                                    </h4>
                                    <div class="date">
                                        2020年10月23日
                                    </div>
                                    <p>
                                        本网站建于2020年10月23日，主要为了记录个人学习内容、工作的经验、以及技术、资源、趣事分享。
                                    </p>
                                    <a href="https://todo369.top/blog" class="btn">
                                        了解更多
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section" id="section3">
        <div class="fp-tablecell">
            <div class="page3">
                <div class="warp-box">
                    <div class="warp">
                        <div class="inner">
                            <div class="links">
                                <ul>
                                    <li class="wow fadeInLeft"><a asp-action="About" asp-controller="Home">关于</a></li>
                                    <li class="wow fadeInRight"><a asp-action="Index" asp-controller="Link">+友情链接</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section" id="section4">
        <div class="fp-tablecell">
            <div class="page4">
                <div class="warp-box">
                    <div class="about">
                        <div class="inner">
                            <h1 class="wow fadeInLeft">座右铭</h1>
                            <p class="wow fadeInRight">
                                有才而性缓定属大才，有智而气和斯为大智。人偏狭我受之以宽容，人险仄我持之以坦荡。缓事宜急干，敏则有功；急事宜缓办，忙则多错。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer wow fadeInUp" id="contact">
        <div class="footer-top">
            <div class="container">
                <div class="layui-row">
                    <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                        <div class="single-widget about">
                            <div class="footer-logo">
                                <h2>369博客</h2>
                            </div>
                            <p>不回味过去，不展望未来，立足当下</p>
                            <div class="button">
                                <a asp-action="About" asp-controller="Home" class="btn layui-btn layui-btn-normal">About Me</a>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                        <div class="single-widget">
                            <h2>相关链接</h2>
                            <ul class="social-icon">
                                <li class="active"><a href="#"><i class="fa fa-book"></i>博文</a></li>
                                <li class="active"><a href="#"><i class="fa fa-comments"></i>留言</a></li>
                                <li class="active"><a href="#"><i class="fa fa-share"></i>资源</a></li>
                                <li class="active"><a href="#"><i class="fa fa-snowflake-o"></i>日记</a></li>
                                <li class="active"><a href="#"><i class="fa fa-files-o"></i>归档</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
                        <div class="single-widget contact">
                            <h2>联系我</h2>
                            <ul class="list">
                                <li><i class="fa fa-qq"></i>QQ：154878690 </li>
                                <li><i class="fa fa-envelope"></i>邮箱：<a href="mailto:qctvip@vip.163.com">qctvip@vip.163.com</a></li>
                                <li><i class="fa fa-map"></i>网址：<a href="https://todo369.top">todo369.top</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright">
            <div class="container">
                <div class="layui-row">
                    <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
                        <p>Copyright &copy; 2019-2020 369 京ICP备18054890号-3</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <script src="~/layui/layui.js"></script>
    <script src="~/js/wow.min.js"></script>
    <script src="~/js/index.js"></script>
</body>
</html>